<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鼠标事件</title>
</head>
<body>
    <div data-index="1"></div>
</body>
<script>
    var div = document.querySelector('div')
    console.log(div.getAttribute('data-index'));
    div.setAttribute('data-index','9')
    console.log(div.getAttribute('data-index'));
    div.removeAttribute('data-index')
</script>
<!-- 
    获得焦点：onfocus
    失去焦点：onblur
    鼠标经过onmouseover
    鼠标离开onmouseout
 -->
 <!-- 
    元素自定义的操作
    element.属性：获取的是元素内定属性值例如id，class
    element.getAttribute(‘属性’)：得到的是自定义元素的属性值`
    设置元素属性值
    element.属性=更改的内容
    element.setAttribute(‘属性’,‘值’):主要针对自定义属性（也可以用这个修改内定属性）
    移除属性
    element.removeAttribute(‘属性’)
    H5自定义属性
    自定义属性的目的：为了保存并使用数据
    H5规定自定义属性data-开头作为属性名并且赋值例如
    

  -->
</html>